Node / ReticulumProjects / MeshChatX.git / files / tests / frontend / ConversationViewer.scroll.test.js

Displaying Raw • Download

Tff7b72import Tb4b4b4{ Te6edf3mount Tb4b4b4} Tff7b72from Ta5d6ff"@vue/test-utils"Tb4b4b4;

Tff7b72import Tb4b4b4{ Te6edf3describeTb4b4b4, Te6edf3itTb4b4b4, Te6edf3expectTb4b4b4, Te6edf3viTb4b4b4, Te6edf3beforeEachTb4b4b4, Te6edf3afterEach Tb4b4b4} Tff7b72from Ta5d6ff"vitest"Tb4b4b4;

Tff7b72import Te6edf3ConversationViewer Tff7b72from Ta5d6ff"@/components/messages/ConversationViewer.vue"Tb4b4b4;

Tff7b72import Te6edf3WebSocketConnection Tff7b72from Ta5d6ff"@/js/WebSocketConnection"Tb4b4b4;

Tff7b72import Te6edf3GlobalState Tff7b72from Ta5d6ff"@/js/GlobalState"Tb4b4b4;

Te6edf3viTb4b4b4.Te6edf3mockTb4b4b4(Ta5d6ff"@/js/DialogUtils"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4(Tb4b4b4{

Tff7b72defaultTff7b72: Tb4b4b4{

Te6edf3confirmTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tffa657PromiseTb4b4b4.Te6edf3resolveTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4)Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4)Tb4b4b4;

Tff7b72function Te6edf3makeMessagesScrollTargetTb4b4b4(Tb4b4b4{ Te6edf3reverseTb4b4b4, Te6edf3scrollTopTb4b4b4, Te6edf3scrollHeightTb4b4b4, Te6edf3clientHeight Tb4b4b4}Tb4b4b4) Tb4b4b4{

Tff7b72const Te6edf3outer Tff7b72= Tffa657documentTb4b4b4.Te6edf3createElementTb4b4b4(Ta5d6ff"div"Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3inner Tff7b72= Tffa657documentTb4b4b4.Te6edf3createElementTb4b4b4(Ta5d6ff"div"Tb4b4b4)Tb4b4b4;

Te6edf3innerTb4b4b4.Te6edf3styleTb4b4b4.Te6edf3flexDirection Tff7b72= Te6edf3reverse Tff7b72? Ta5d6ff"column-reverse" Tff7b72: Ta5d6ff"column"Tb4b4b4;

Te6edf3outerTb4b4b4.Te6edf3appendChildTb4b4b4(Te6edf3innerTb4b4b4)Tb4b4b4;

Tffa657documentTb4b4b4.Te6edf3bodyTb4b4b4.Te6edf3appendChildTb4b4b4(Te6edf3outerTb4b4b4)Tb4b4b4;

Tffa657ObjectTb4b4b4.Te6edf3definePropertyTb4b4b4(Te6edf3outerTb4b4b4, Ta5d6ff"scrollHeight"Tb4b4b4, Tb4b4b4{ Te6edf3valueTff7b72: Te6edf3scrollHeightTb4b4b4, Te6edf3configurableTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tffa657ObjectTb4b4b4.Te6edf3definePropertyTb4b4b4(Te6edf3outerTb4b4b4, Ta5d6ff"clientHeight"Tb4b4b4, Tb4b4b4{ Te6edf3valueTff7b72: Te6edf3clientHeightTb4b4b4, Te6edf3configurableTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3outerTb4b4b4.Te6edf3scrollTop Tff7b72= Te6edf3scrollTopTb4b4b4;

Tff7b72return Te6edf3outerTb4b4b4;

Tb4b4b4}

Te6edf3describeTb4b4b4(Ta5d6ff"ConversationViewer.vue scroll behavior"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Te6edf3beforeEachTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Te6edf3GlobalStateTb4b4b4.Te6edf3configTb4b4b4.Te6edf3theme Tff7b72= Ta5d6ff"light"Tb4b4b4;

Te6edf3WebSocketConnectionTb4b4b4.Te6edf3connectTb4b4b4(Tb4b4b4)Tb4b4b4;

Tffa657windowTb4b4b4.Te6edf3api Tff7b72= Tb4b4b4{

Te6edf3getTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4.Te6edf3mockImplementationTb4b4b4(Tb4b4b4(Te6edf3urlTb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72if Tb4b4b4(Te6edf3urlTb4b4b4.Te6edf3includesTb4b4b4(Ta5d6ff"/path"Tb4b4b4)Tb4b4b4) Tff7b72return Tffa657PromiseTb4b4b4.Te6edf3resolveTb4b4b4(Tb4b4b4{ Te6edf3dataTff7b72: Tb4b4b4{ Te6edf3pathTff7b72: Tb4b4b4[Tb4b4b4] Tb4b4b4} Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72if Tb4b4b4(Te6edf3urlTb4b4b4.Te6edf3includesTb4b4b4(Ta5d6ff"/stamp-info"Tb4b4b4)Tb4b4b4) Tff7b72return Tffa657PromiseTb4b4b4.Te6edf3resolveTb4b4b4(Tb4b4b4{ Te6edf3dataTff7b72: Tb4b4b4{ Te6edf3stamp_infoTff7b72: Tb4b4b4{Tb4b4b4} Tb4b4b4} Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72if Tb4b4b4(Te6edf3urlTb4b4b4.Te6edf3includesTb4b4b4(Ta5d6ff"/signal-metrics"Tb4b4b4)Tb4b4b4) Tff7b72return Tffa657PromiseTb4b4b4.Te6edf3resolveTb4b4b4(Tb4b4b4{ Te6edf3dataTff7b72: Tb4b4b4{ Te6edf3signal_metricsTff7b72: Tb4b4b4{Tb4b4b4} Tb4b4b4} Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72return Tffa657PromiseTb4b4b4.Te6edf3resolveTb4b4b4(Tb4b4b4{ Te6edf3dataTff7b72: Tb4b4b4{Tb4b4b4} Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4,

Te6edf3postTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4.Te6edf3mockResolvedValueTb4b4b4(Tb4b4b4{ Te6edf3dataTff7b72: Tb4b4b4{Tb4b4b4} Tb4b4b4}Tb4b4b4)Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3afterEachTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72delete Tffa657windowTb4b4b4.Te6edf3apiTb4b4b4;

Te6edf3WebSocketConnectionTb4b4b4.Te6edf3destroyTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3mountViewer Tff7b72= Tb4b4b4(Tb4b4b4) Tb4b4b4=>

Te6edf3mountTb4b4b4(Te6edf3ConversationViewerTb4b4b4, Tb4b4b4{

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3selectedPeerTff7b72: Tb4b4b4{ Te6edf3destination_hashTff7b72: Ta5d6ff"abcdabcdabcdabcdabcdabcdabcdabcd"Tb4b4b4, Te6edf3display_nameTff7b72: Ta5d6ff"Peer" Tb4b4b4}Tb4b4b4,

Te6edf3myLxmfAddressHashTff7b72: Ta5d6ff"myhashmyhashmyhashmyhashmyhashmyha"Tb4b4b4,

Te6edf3conversationsTff7b72: Tb4b4b4[Tb4b4b4]Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tffa657globalTff7b72: Tb4b4b4{

Te6edf3directivesTff7b72: Tb4b4b4{ Ta5d6ff"click-outside"Tff7b72: Tb4b4b4{ Te6edf3mountedTff7b72: Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{Tb4b4b4}Tb4b4b4, Te6edf3unmountedTff7b72: Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{Tb4b4b4} Tb4b4b4} Tb4b4b4}Tb4b4b4,

Te6edf3mocksTff7b72: Tb4b4b4{ Te6edf3$tTff7b72: Tb4b4b4(Te6edf3keyTb4b4b4) Tb4b4b4=> Te6edf3key Tb4b4b4}Tb4b4b4,

Te6edf3stubsTff7b72: Tb4b4b4{

Te6edf3MaterialDesignIconTff7b72: Tff7b72trueTb4b4b4,

Te6edf3AddImageButtonTff7b72: Tff7b72trueTb4b4b4,

Te6edf3AddAudioButtonTff7b72: Tff7b72trueTb4b4b4,

Te6edf3SendMessageButtonTff7b72: Tff7b72trueTb4b4b4,

Te6edf3ConversationDropDownMenuTff7b72: Tff7b72trueTb4b4b4,

Te6edf3PaperMessageModalTff7b72: Tff7b72trueTb4b4b4,

Te6edf3AudioWaveformPlayerTff7b72: Tff7b72trueTb4b4b4,

Te6edf3LxmfUserIconTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"onMessagesScroll sets autoScrollOnNewMessage when near bottom (column-reverse)"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountViewerTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3el Tff7b72= Te6edf3makeMessagesScrollTargetTb4b4b4(Tb4b4b4{

Te6edf3reverseTff7b72: Tff7b72trueTb4b4b4,

Te6edf3scrollTopTff7b72: T79c0ff0Tb4b4b4,

Te6edf3scrollHeightTff7b72: T79c0ff5000Tb4b4b4,

Te6edf3clientHeightTff7b72: T79c0ff100Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3onMessagesScrollTb4b4b4(Tb4b4b4{ Te6edf3targetTff7b72: Te6edf3el Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3autoScrollOnNewMessageTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;

Te6edf3elTb4b4b4.Te6edf3removeTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"onMessagesScroll clears autoScroll when not near bottom (column-reverse)"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountViewerTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3el Tff7b72= Te6edf3makeMessagesScrollTargetTb4b4b4(Tb4b4b4{

Te6edf3reverseTff7b72: Tff7b72trueTb4b4b4,

Te6edf3scrollTopTff7b72: T79c0ff2000Tb4b4b4,

Te6edf3scrollHeightTff7b72: T79c0ff5000Tb4b4b4,

Te6edf3clientHeightTff7b72: T79c0ff100Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3onMessagesScrollTb4b4b4(Tb4b4b4{ Te6edf3targetTff7b72: Te6edf3el Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3autoScrollOnNewMessageTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72falseTb4b4b4)Tb4b4b4;

Te6edf3elTb4b4b4.Te6edf3removeTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"onMessagesScroll calls loadPrevious when near older-history edge (column-reverse)"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountViewerTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3spy Tff7b72= Te6edf3viTb4b4b4.Te6edf3spyOnTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4, Ta5d6ff"loadPrevious"Tb4b4b4)Tb4b4b4.Te6edf3mockImplementationTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3el Tff7b72= Te6edf3makeMessagesScrollTargetTb4b4b4(Tb4b4b4{

Te6edf3reverseTff7b72: Tff7b72trueTb4b4b4,

Te6edf3scrollTopTff7b72: T79c0ff4450Tb4b4b4,

Te6edf3scrollHeightTff7b72: T79c0ff5000Tb4b4b4,

Te6edf3clientHeightTff7b72: T79c0ff100Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3onMessagesScrollTb4b4b4(Tb4b4b4{ Te6edf3targetTff7b72: Te6edf3el Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3spyTb4b4b4)Tb4b4b4.Te6edf3toHaveBeenCalledTimesTb4b4b4(T79c0ff1Tb4b4b4)Tb4b4b4;

Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3onMessagesScrollTb4b4b4(Tb4b4b4{ Te6edf3targetTff7b72: Te6edf3el Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3spyTb4b4b4)Tb4b4b4.Te6edf3toHaveBeenCalledTimesTb4b4b4(T79c0ff1Tb4b4b4)Tb4b4b4;

Te6edf3elTb4b4b4.Te6edf3removeTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"onMessagesScroll does not hammer loadPrevious while held at older-history edge"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountViewerTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3spy Tff7b72= Te6edf3viTb4b4b4.Te6edf3spyOnTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4, Ta5d6ff"loadPrevious"Tb4b4b4)Tb4b4b4.Te6edf3mockImplementationTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3el Tff7b72= Te6edf3makeMessagesScrollTargetTb4b4b4(Tb4b4b4{

Te6edf3reverseTff7b72: Tff7b72trueTb4b4b4,

Te6edf3scrollTopTff7b72: T79c0ff4450Tb4b4b4,

Te6edf3scrollHeightTff7b72: T79c0ff5000Tb4b4b4,

Te6edf3clientHeightTff7b72: T79c0ff100Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3onMessagesScrollTb4b4b4(Tb4b4b4{ Te6edf3targetTff7b72: Te6edf3el Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3onMessagesScrollTb4b4b4(Tb4b4b4{ Te6edf3targetTff7b72: Te6edf3el Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3onMessagesScrollTb4b4b4(Tb4b4b4{ Te6edf3targetTff7b72: Te6edf3el Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3spyTb4b4b4)Tb4b4b4.Te6edf3toHaveBeenCalledTimesTb4b4b4(T79c0ff1Tb4b4b4)Tb4b4b4;

Te6edf3elTb4b4b4.Te6edf3removeTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;